
<body>
    <div class="x-nav">
        <span class="layui-breadcrumb">
          <a><cite>首页</cite></a>
          <a><cite>会员管理</cite></a>
          <a><cite>权限分类</cite></a>
        </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"  href="javascript:location.replace(location.href);" title="刷新"><i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
        <form class="layui-form x-center" action="" style="width:40%">
            <div class="layui-form-pane" style="margin-top: 15px;">
              <div class="layui-form-item">
                <label class="layui-form-label">分类名</label>
                <div class="layui-input-inline">
                  <input type="text" name="cname"  placeholder="分类名" autocomplete="off" class="layui-input">
                </div>
                <div class="layui-input-inline" style="width:80px">
                    <button class="layui-btn"  lay-submit="" lay-filter="add"><i class="layui-icon">&#xe608;</i>添加</button>
                </div>
              </div>
            </div> 
        </form>
        <xblock><button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon">&#xe640;</i>批量删除</button><span class="x-right" style="line-height:40px">共有数据：88 条</span></xblock>
        <table class="layui-table">
            <thead>
                <tr>
                    <th>
                        <input type="checkbox" name="" value="">
                    </th>
                    <th>
                        ID
                    </th>
                    <th>
                        分类名
                    </th>
                    <th>
                        操作
                    </th>
                </tr>
            </thead>
            <tbody id="x-link">
                <?php foreach ($cate as $k => $v) : ?>
                <tr>
                    <td>
                        <input type="checkbox" value="<?php echo $v['cid']; ?>" name="">
                    </td>
                    <td>
                        <?php echo $v['cid']; ?>
                    </td>
                    <td>
                        <?php echo $v['cname']; ?>
                    </td>
                    <td class="td-manage">
                        <a title="编辑" href="javascript:;" onclick=cate_edit('编辑',"{:U('admin/cateedit/index')}",'4','600','510')
                        class="ml-5" style="text-decoration:none">
                            <i class="layui-icon">&#xe642;</i>
                        </a>
                        <a title="删除" href="javascript:;" onclick="cate_del(this,'1')" 
                        style="text-decoration:none">
                            <i class="layui-icon">&#xe640;</i>
                        </a>
                    </td>
                </tr>
                
                <?php endforeach; ?>
            </tbody>
        </table>

        <div id="page"></div>
    </div>
    <script>
        layui.use(['element','laypage','layer','form'], function(){
            $ = layui.jquery;//jquery
          lement = layui.element();//面包导航
          laypage = layui.laypage;//分页
          layer = layui.layer;//弹出层
          form = layui.form();//弹出层

          //监听提交
          form.on('submit(add)', function(data){
            that = $(this);
            //发异步，把数据提交给php
            $.ajax({
                url: '{:U("admin/admincate/add")}',
                type: 'post',
                dataType: 'json',
                data: data.field,
            })
            .done(function(res) {
                if(res.error==0){
                    layer.alert(res.info,{icon:6},function (){
                        location.reload();
                    });
                }
            })
            .fail(function() {
                console.log("error");
            })

            return false;
          });
        })

          //以上模块根据需要引入

        //批量删除提交
         function delAll () {
            layer.confirm('确认要删除吗？',function(index){
                //捉到所有被选中的，发异步进行删除
                layer.msg('删除成功', {icon: 1});
            });
         }
        
        

        //-编辑
        function cate_edit (title,url,id,w,h) {
            x_admin_show(title,url,w,h); 
        }
        
        /*删除*/
        function cate_del(obj,id){
            layer.confirm('确认要删除吗？',function(index){
                //发异步删除数据
                $(obj).parents("tr").remove();
                layer.msg('已删除!',{icon:1,time:1000});
            });
        }
        </script>
        <script>
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</body>